<?xml version="1.0" encoding="ISO-8859-1" ?>  
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:p="http://primefaces.org/ui" 
	  xmlns:c="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
	  
	<h:head>
		<meta charset="utf-8"></meta>
		<h:outputStylesheet library="css" name="style.css"></h:outputStylesheet>
		<title><ui:insert name="title"></ui:insert></title>
		<style type="text/css">
             .ui-layout-north {
                 z-index:20 !important;
                 overflow:visible !important;
             }

             .ui-layout-north .ui-layout-unit-content {
                 overflow:visible !important;
             }	
         </style>
	</h:head>
	
	<h:body style="font-size: 11px"> 
		<p:layout fullPage="true" >
			
			<p:layoutUnit id="layoutNort" position="north" >	
				<ui:include src="/WEB-INF/elements/topArea.xhtml" />
			</p:layoutUnit>
			
			<p:layoutUnit position="south" size="35" >
				<ui:insert name="layoutSouth" />
			</p:layoutUnit>
			
			<p:layoutUnit position="west" size="250" header="#{lang.getTrans('ui.mobile.common.menu')}" resizable="true" collapsible="true">
				<ui:insert name="layoutWest" />
			</p:layoutUnit>
			
			<p:layoutUnit position="center" >
				<ui:insert name="layoutCenter" />
			</p:layoutUnit>
			
		</p:layout>
		
	</h:body>
	
</html>